<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=8">
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-control" content="no-cache">
    <meta http-equiv="Cache" content="no-cache">
    <meta charset="utf-8" />
    <title>xiaomi</title>
    <link rel="stylesheet" type="text/css" href="/Public/Home/styles/xiaomi-styles.css"/>
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="//s01.mifile.cn/css/base.min.css?v2016d26" />
    <script src="/Public/Home/js/carousel.js" type="text/javascript" charset="utf-8"></script>
    <script src="/Public/Home/js/fourth_floor_menu.js" type="text/javascript" charset="utf-8"></script>
    <script src="/Public/Home/js/img_xiaoguo.js" type="text/javascript" charset="utf-8"></script>
    <script src="/Public/Home/js/sixth_floor_img.js" type="text/javascript" charset="utf-8"></script>
    <script src="/Public/Home/js/third_floor_menu.js" type="text/javascript" charset="utf-8"></script>
</head>
<body onload="autoChangeImage()">
<div id="dingbu"></div>
<div id="second-floor">
    <div id="second-floor-back">
        <div id="second-floor-menu">
            <a href="#">小米商城</a><span class="second-floor-menu-span">|</span><a href="#">MIUI</a><span class="second-floor-menu-span">|</span><a href="#">米聊</a><span class="second-floor-menu-span">|</span><a href="#">游戏</a><span class="second-floor-menu-span">|</span><a href="#">多看阅读</a><span class="second-floor-menu-span">|</span><a href="#">云服务</a><span class="second-floor-menu-span">|</span><a href="#">金融</a><span class="second-floor-menu-span">|</span><a href="#">小米网移动版</a><span class="second-floor-menu-span">|</span><a href="#">问题反馈</a><span class="second-floor-menu-span">|</span><a href="#">Select Region</a>
        </div>
        <div id="second-floor-gouwuche"><a href="/Index/shoppingcart/ssss/{:mt_rand()}">购物车<span>（{$count}）</span></a></div>
        <div id="second-floor-login">
            <empty name="Think.session.id">
                <a href="{:U('Index:login')}">登录</a>
                <span class="second-floor-menu-span">|</span>
                <a href="{:U('Index:register')}">注册</a>
                <else />
                <a href="#">{$user}，您好！</a>
            </empty>
            <span class="second-floor-menu-span">|</span><a href="#">消息通知</a>
        </div>
    </div>
</div>
<div id="third-floor">
<div id="third-floor-back">
<div id="third-floor-logoback"></div>
<ul id="third-floor-back-ul">
<li class="third-floor-back-ul-li" id="fourth-ul"><span>全部商品分类</span>
    <ul id="fourth-ul-ul">
        <li class="third-floor-back-ul-li" onmouseover="fourth_floor_overmenu(1)" onmouseout="fourth_floor_outmenu(1)">
            <a id="fourth-a1" href="#">手机 电话卡</a>
            <i class="glyphicon glyphicon-chevron-right"></i>
        </li>
        <li class="third-floor-back-ul-li" onmouseover="fourth_floor_overmenu(2)" onmouseout="fourth_floor_outmenu(2)">
            <a id="fourth-a2" href="#">笔记本 平板</a>
            <i class="glyphicon glyphicon-chevron-right"></i>
        </li>
        <li class="third-floor-back-ul-li" onmouseover="fourth_floor_overmenu(3)" onmouseout="fourth_floor_outmenu(3)">
            <a id="fourth-a3" href="#">电视 盒子</a>
            <i class="glyphicon glyphicon-chevron-right"></i>
        </li>
        <li class="third-floor-back-ul-li" onmouseover="fourth_floor_overmenu(4)" onmouseout="fourth_floor_outmenu(4)">
            <a id="fourth-a4" href="#">路由器 智能硬件</a>
            <i class="glyphicon glyphicon-chevron-right"></i>
        </li>
        <li class="third-floor-back-ul-li" onmouseover="fourth_floor_overmenu(5)" onmouseout="fourth_floor_outmenu(5)">
            <a id="fourth-a5" href="#">移动电源 电池 插线板</a>
            <i class="glyphicon glyphicon-chevron-right"></i>
        </li>
        <li class="third-floor-back-ul-li" onmouseover="fourth_floor_overmenu(6)" onmouseout="fourth_floor_outmenu(6)">
            <a id="fourth-a6" href="#">耳机 音箱</a>
            <i class="glyphicon glyphicon-chevron-right"></i>
        </li>
        <li class="third-floor-back-ul-li" onmouseover="fourth_floor_overmenu(7)" onmouseout="fourth_floor_outmenu(7)">
            <a id="fourth-a7" href="#">保护套 贴膜</a>
            <i class="glyphicon glyphicon-chevron-right"></i>
        </li>
        <li class="third-floor-back-ul-li" onmouseover="fourth_floor_overmenu(8)" onmouseout="fourth_floor_outmenu(8)">
            <a id="fourth-a8" href="#">线材 支架 存储卡</a>
            <i class="glyphicon glyphicon-chevron-right"></i>
        </li>
        <li class="third-floor-back-ul-li" onmouseover="fourth_floor_overmenu(9)" onmouseout="fourth_floor_outmenu(9)">
            <a id="fourth-a9" href="#">箱包 服饰</a>
            <i class="glyphicon glyphicon-chevron-right"></i>
        </li>
        <li class="third-floor-back-ul-li" onmouseover="fourth_floor_overmenu(10)" onmouseout="fourth_floor_outmenu(10)">
            <a id="fourth-a10" href="#">米兔 生活周边</a>
            <i class="glyphicon glyphicon-chevron-right"></i>
        </li>
    </ul>
</li>
<for start="11" end="18" name="i">
    <li class="third-floor-back-ul-li" onmouseover="third_floor_overmenu({$i})" onmouseout="third_floor_outmenu({$i})">
        <a id="third-floor-back-ul-li-a{$i}" href="#">
            <if condition="$i eq 11" >小米手机
                <elseif condition="$i eq 12" />红米
                <elseif condition="$i eq 13" />平板 笔记本
                <elseif condition="$i eq 14" />电视
                <elseif condition="$i eq 15" />盒子 影音
                <elseif condition="$i eq 16" />路由器
                <else />智能硬件
            </if>
        </a>
        <div id="third-floor-menu{$i}" class="third-floor-menu11">
            <ul>
                <foreach name="fen[$i]" item="vo">
                    <li>
                        <img src="{$vo.address}" alt=""/>
                        <a href="{:U('/Index/shangpinxiangqing1',array('id'=> $vo['id']))}">{$vo['name']}</a>
                        <p>{$vo['price']}元起</p>
                    </li>
                </foreach>
            </ul>
        </div>
    </li>
</for>
<li class="third-floor-back-ul-li">
    <a href="#">服务</a>
</li>
</ul>
<div id="search">
    <form name="form"  action="/Index/search" method="post">
        <div id="search-flag" onclick="javascript:form.submit();"></div>
        <input name="search_name" id="search-text" type="text" />
    </form>
</div>
</div>
</div>

<div id="fourth-floor">
<div id="fourth-floor-carouselback">
    <a id="fourth-floor-carousel-a" href="#"><img id="carousel-img" src="/Public/Home/images/carousel-0.jpg" alt="" /></a>
    <div id="icon-left" onclick="icon_left()"></div>
    <div id="icon-right" onclick="icon_right()"></div>
</div>
    <for start="1" end="11" name="i">
        <div id="fourth-floor-menu{$i}" class="fourth-floor-menu" onmouseover="fourth_floor_ul_overmenu({$i})" onmouseout="fourth_floor_ul_outmenu({$i})">
            <ul class="fourth-floor-menu-ul">
                <foreach name="fen[$i]" item="vo">
                    <li>
                        <img src="{$vo.address}" alt=""/>
                        <a href="{:U('/Index/shangpinxiangqing1',array('id'=> $vo['id']))}">{$vo['name']}</a>
                        <button onclick="location='{:U('/Index/shangpinxiangqing1',array('id'=> $vo['id']))}'">选购</button>
                    </li>
                </foreach>
            </ul>
        </div>
    </for>
</div>
<div id="fifth-floor">
    <div  id="fifth-floor-menu">
        <div class="fifth-floor-menu-top"><i class="iconfont">&#xe901;</i>选购手机</div>
        <div class="fifth-floor-menu-top"><i class="iconfont">&#xe63e;</i>企业团购</div>
        <div class="fifth-floor-menu-top"><i class="iconfont">&#xe63b;</i>官翻新品</div>
        <div class="fifth-floor-menu-top"><i class="iconfont"></i>小米移动</div>
        <div class="fifth-floor-menu-top"><i class="iconfont"></i>以旧换新</div>
        <div class="fifth-floor-menu-top"><i class="iconfont"></i>话费充值</div>
    </div>
    <div id="fifth-floor-menu-imgback">
        <img class="fifth-floor-menu-img" src="/Public/Home/images/fifth-floor-img1.jpg" alt=""/>
        <img class="fifth-floor-menu-img" src="/Public/Home/images/fifth-floor-img2.jpg" alt=""/>
        <img id="fifth-floor-menu-img3" src="/Public/Home/images/fifth-floor-img3.jpg" alt=""/>
    </div>
</div>
<div id="sixth-floor">
    <h2>小米明星单品</h2>
    <div id="goright" onclick="goright()"><i id="first-i" class="glyphicon glyphicon-chevron-right"></i></div>
    <div id="goleft" onclick="goleft()"><i class="glyphicon glyphicon-chevron-left"></i></div>
    <div id="sixth-floor-images">
        <ul id="sixth-floor-ul">
            <li>
                <a href="#">
                    <img src="/Public/Home/images/li-1.jpg" alt=""/>
                    <h3>小米5 高配64G</h3>
                    <p class="sixth-floor-first-p">赠 智能翻盖保护套+Type-C转接头</p>
                    <p class="sixth-floor-second-p">2099元</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="/Public/Home/images/li-2.png" alt=""/>
                    <h3>小米Max</h3>
                    <p class="sixth-floor-first-p">赠 59元智能显示保护套</p>
                    <p class="sixth-floor-second-p">1799元</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="/Public/Home/images/li-3.png" alt=""/>
                    <h3>红米Pro 十核双摄</h3>
                    <p class="sixth-floor-first-p">赠 智能显示保护套+Type-C转接头</p>
                    <p class="sixth-floor-second-p">1499元起</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="/Public/Home/images/li-4.jpg" alt=""/>
                    <h3>小米笔记本</h3>
                    <p class="sixth-floor-first-p">独立显卡、超轻薄、金属机身</p>
                    <p class="sixth-floor-second-p">3499元起</p>
                </a>
            </li>
            <li class="last-li">
                <a href="#">
                    <img src="/Public/Home/images/li-5.png" alt=""/>
                    <h3>小米平板2 16GB现货</h3>
                    <p class="sixth-floor-first-p">轻薄全金属，海量内容</p>
                    <p class="sixth-floor-second-p">999元</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="/Public/Home/images/li-6.jpg" alt=""/>
                    <h3>小米电视3 70英寸</h3>
                    <p class="sixth-floor-first-p">购买成功后可0.01元获取演唱会门票</p>
                    <p class="sixth-floor-second-p">9999元</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="/Public/Home/images/li-7.jpg" alt=""/>
                    <h3>小米盒子3</h3>
                    <p class="sixth-floor-first-p">全新升级 64位 4K网络机顶盒</p>
                    <p class="sixth-floor-second-p">249元</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="/Public/Home/images/li-8.png" alt=""/>
                    <h3>小米手环 2</h3>
                    <p class="sixth-floor-first-p">每天早10点开售</p>
                    <p class="sixth-floor-second-p">149元</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="/Public/Home/images/li-9.png" alt=""/>
                    <h3>小米手环 2</h3>
                    <p class="sixth-floor-first-p">每天早10点开售</p>
                    <p class="sixth-floor-second-p">149元</p>
                </a>
            </li>
            <li class="last-li">
                <a href="#">
                    <img src="/Public/Home/images/li-10.png" alt=""/>
                    <h3>VR眼镜玩具版量产版</h3>
                    <p class="sixth-floor-first-p">逼真沉浸感 舒适观看新体验</p>
                    <p class="sixth-floor-second-p">49元</p>
                </a>
            </li>
        </ul>
    </div>

</div>
<div id="seventh-floor">
    <h2>智能硬件</h2>
    <div id="seventh-floor-imgback">
        <ul>
            <li id="li__0" onmouseover="img_xiaoguo(0)" onmouseout="out_img_xiaoguo(0)">
                <img id="seventh-leftimg" src="/Public/Home/images/seventh-leftimg.jpg" alt="" />
            </li>
        </ul>
        <ul id="seventh-rightimg-ul">
            <li id="li__1" onmouseover="img_xiaoguo(1)" onmouseout="out_img_xiaoguo(1)">
                <img src="/Public/Home/images/seventh-rightimg1.jpg" alt=""/>
                <h3>小米路由器3</h3>
                <p class="sixth-floor-first-p">四天线设计，更安全更稳定</p>
                <p class="sixth-floor-second-p">149元</p>
            </li>
            <li id="li__2" onmouseover="img_xiaoguo(2)" onmouseout="out_img_xiaoguo(2)" >
                <img src="/Public/Home/images/seventh-rightimg2.jpg" alt=""/>
                <h3>电助力折叠自行车</h3>
                <p class="sixth-floor-first-p">力矩传感电助力，折叠便携设计</p>
                <p class="sixth-floor-second-p">2999元</p>
            </li>
            <li id="li__3" onmouseover="img_xiaoguo(3)" onmouseout="out_img_xiaoguo(3)">
                <img src="/Public/Home/images/seventh-rightimg3.jpg" alt=""/>
                <h3>小米空气净化器2</h3>
                <p class="sixth-floor-first-p">高效除霾，10分钟换新房间空气</p>
                <p class="sixth-floor-second-p">699元</p>
            </li>
            <li id="li__4" onmouseover="img_xiaoguo(4)" onmouseout="out_img_xiaoguo(4)">
                <img src="/Public/Home/images/seventh-rightimg4.jpg" alt=""/>
                <h3>九号平衡车</h3>
                <p class="sixth-floor-first-p">年轻人的酷玩具，骑行遥控两种玩法</p>
                <p class="sixth-floor-second-p">1999元</p>
            </li>
            <li id="li__5" onmouseover="img_xiaoguo(5)" onmouseout="out_img_xiaoguo(5)">
                <img src="/Public/Home/images/seventh-rightimg5.jpg" alt=""/>
                <h3>米兔智能故事机</h3>
                <p class="sixth-floor-first-p">宝宝又不好好吃饭，让米兔来哄宝宝吧</p>
                <p class="sixth-floor-second-p">199元</p>
            </li>
            <li  id="li__6" onmouseover="img_xiaoguo(6)" onmouseout="out_img_xiaoguo(6)">
                <img src="/Public/Home/images/seventh-rightimg6.jpg" alt=""/>
                <h3>米家压力IH电饭煲</h3>
                <p class="sixth-floor-first-p">智能定时烹饪，花呗6期免息</p>
                <p class="sixth-floor-second-p">999元</p>
            </li>
            <li  id="li__7" onmouseover="img_xiaoguo(7)" onmouseout="out_img_xiaoguo(7)">
                <img src="/Public/Home/images/seventh-rightimg7.jpg" alt=""/>
                <h3>小米笔记本Air 12.5英寸</h3>
                <p class="sixth-floor-first-p">更轻更薄，像杂志一样随身携带</p>
                <p class="sixth-floor-second-p">3499元</p>
            </li>
            <li id="li__8" onmouseover="img_xiaoguo(8)" onmouseout="out_img_xiaoguo(8)">
                <img src="/Public/Home/images/seventh-rightimg8.jpg" alt=""/>
                <h3>米家 LED 智能台灯</h3>
                <p class="sixth-floor-first-p">无可视频闪，亮度色温无级调节</p>
                <p class="sixth-floor-second-p">169元</p>
            </li>
        </ul>
    </div>
</div>
<div id="eighth-floor">
    <ul>
        <li id="li1"><a href="#"><i id="i1" class="iconfont"></i>预约维修服务</a></li>
        <li class="li"><a href="#"><i id="i2" class="iconfont"></i>七天无理由退货</a></li>
        <li class="li"><a href="#"><i id="i3" class="iconfont"></i>十五天免费换货</a></li>
        <li class="li"><a href="#"><i id="i4" class="iconfont"></i>满150包邮</a></li>
        <li class="li"><a href="#"><i id="i5" class="iconfont"></i>520余家售后网点</a></li>
    </ul>
</div>
<hr  />
<div id="ninth-floor">
    <dl id="dl1" class="out-dl"><dt class="in-dt">帮助中心</dt><dd class="in-dd"><a href="#">账号管理</a></dd><dd class="in-dd"><a href="#">购物指南</a></dd><dd class="in-dd"><a href="#">订单操作</a></dd></dl>
    <dl class="out-dl"><dt class="in-dt">服务支持</dt><dd class="in-dd"><a href="#">售后政策</a></dd><dd class="in-dd"><a href="#">自助服务</a></dd><dd class="in-dd"><a href="#">相关下载</a></dd></dl>
    <dl class="out-dl"><dt class="in-dt">线下门店</dt><dd class="in-dd"><a href="#">小米之家</a></dd><dd class="in-dd"><a href="#">服务网点</a></dd><dd class="in-dd"><a href="#">零售网点</a></dd></dl>
    <dl class="out-dl"><dt class="in-dt">关于小米</dt><dd class="in-dd"><a href="#">了解小米</a></dd><dd class="in-dd"><a href="#">加入小米</a></dd><dd class="in-dd"><a href="#">联系我们</a></dd></dl>
    <dl class="out-dl"><dt class="in-dt">关注我们</dt><dd class="in-dd"><a href="#">新浪微博</a></dd><dd class="in-dd"><a href="#">小米部落</a></dd><dd class="in-dd"><a href="#">官方微信</a></dd></dl>
    <dl class="out-dl"><dt class="in-dt">特色服务</dt><dd class="in-dd"><a href="#">F码通道</a></dd><dd class="in-dd"><a href="#">小米移动</a></dd><dd class="in-dd"><a href="#">防伪查询</a></dd></dl>
    <div id="ninth-floor-right">
        <p id="phone">400-100-5678</p>
        <p>周一至周日 8:00-18:00<br>（仅收市话费）</p>
    </div>
</div>
<div id="last-floor">
    <div id="last-floorback">
        <div id="last-logo"><img src="/Public/Home/images/third-logo.png" alt=""/></div>
    </div>
    <div id="last-p-div">
        <p><a href="#">小米商城</a><span class="second-floor-menu-span">|</span><a href="#">MIUI</a><span class="second-floor-menu-span">|</span><a href="#">米聊</a><span class="second-floor-menu-span">|</span><a href="#">多看书城</a><span class="second-floor-menu-span">|</span><a href="#">小米路由器</a><span class="second-floor-menu-span">|</span><a href="#">视频电话</a><span class="second-floor-menu-span">|</span><a href="#">小米后院</a><span class="second-floor-menu-span">|</span><a href="#">小米天猫店</a><span class="second-floor-menu-span">|</span><a href="#">小米淘宝直营店</a><span class="second-floor-menu-span">|</span><a href="#">小米网盟</a><span class="second-floor-menu-span">|</span><a href="#">问题反馈</a><span class="second-floor-menu-span">|</span><a href="#">Select Region</a></p>
        <p>©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号 <br />违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
    </div>
    <div id="last-img-div">
        <img src="/Public/Home/images/last-1.png" alt=""/>
        <img src="/Public/Home/images/last-2.png" alt=""/>
        <img src="/Public/Home/images/last-3.png" alt=""/>
        <img src="/Public/Home/images/last-4.png" alt=""/>
    </div>
</div>
<div id="dibu"><img src="/Public/Home/images/dibu.png" alt=""/></div>
</body>
</html>